@charset "utf-8";
/* CSS Document */

/* common */
html {background: #333; }
h3 {margin: 0 8px; font-size: 14px; color: #3ca2db; font-weight: bold; position: relative;}
h4 {margin: 0 8px; font-size: 12px; color: #3ca2db; font-weight: bold; position: relative;}
.sprite {background-image: url("../img/sprite.png")}
.inputTxt {width: 165px; height: 30px; padding: 0 10px; border: 1px #dfe4ea solid; border-top-color: #a8aaaf;}
.inputTxt2 {width: 230px; height: 36px; padding: 0 10px; border: 1px #e3e9ef solid; border-top-color: #abadb3; border-left-color: #abadb3; color: #666; font-size: 14px; box-shadow: 0 1px 0 #fff}
.white {background-color: #fff; background-image: none;}
.more {height: 19px; line-height: 18px; padding-right: 15px; position: absolute; top: 0; right: 0; z-index: 99;}
.more a {color: #3ca2db; font-size: 12px; font-weight: 400;}
.more i {width: 12px; height: 19px; background-position: 0 -348px; display: inline-block; position: absolute; top: 0; right: 0;}
.btnWrap {text-align: center;}
#popupBg {background: #000; position: absolute; top: 0; left: 0; z-index: 1000; display: none; opacity: 0.4;}
#wrapper {width: 100%; margin: 0 auto; background: #fafafa; }

/* header */
#header {overflow: hidden; background-image: url("../img/repeat_bg1.gif"); background-repeat: repeat-x; background-position: left bottom;}
#header .plan1 {height: 28px; padding: 10px; position: relative;}
#header .plan2 {height: 28px; padding: 10px; position: relative;}
#header .plan2 h1 {font-size: 18px; text-align: center; padding-top: 2px;}
#header .plan3 {height: 28px; padding: 10px; position: relative; border-bottom: 1px #c8c7cb solid;}
#header .plan3 h1 {font-size: 18px; text-align: center; padding-top: 2px;}
#header .logo {width: 51px; height: 32px; margin: 0 auto; background: url('../img/sprite.png') no-repeat 0 -114px; display: block; text-indent: -9999px;}
#header .shoppingCart {width: 46px; height: 28px; background-position: -61px -117px; position: absolute; top: 11px; right: 10px; z-index: 99; text-indent: -9999px; display: block;}
#header .goBack {width: 13px; height: 21px; position: absolute; top: 15px; left: 10px; z-index: 99; background-position: -32px -347px;}
#header .btnBuy {width: 68px; height: 29px; background-position: -172px -638px; position: absolute; top: 11px; right: 10px; z-index: 99; text-indent: -9999px; display: block;}
#header .btnSubmit {width: 68px; height: 29px; background-position: -33px -636px; position: absolute; top: 11px; right: 10px; z-index: 99; text-indent: -9999px; display: block;}
#header .btnEmpty {width: 66px; height: 27px; background-position: -78px -710px; position: absolute; top: 11px; right: 10px; z-index: 99; text-indent: -9999px; display: block;}
#header2 {background: #fff; overflow: hidden;}
#header2 .plan {height: 28px; padding: 10px; position: relative; border-bottom: 1px #e7e7e7 solid;}
#header2 .plan h1 {font-size: 18px; text-align: center; padding-top: 2px;}
#header2 .goBack {width: 13px; height: 21px; position: absolute; top: 15px; left: 10px; z-index: 99; background-position: -32px -347px;}
#header2 .btnLogin {width: 66px; height: 27px; background-position: -4px -710px; position: absolute; top: 11px; right: 10px; z-index: 99; text-indent: -9999px; display: block;}
#header2 .btnReg {width: 66px; height: 27px; background-position: -582px -548px; position: absolute; top: 11px; right: 10px; z-index: 99; text-indent: -9999px; display: block;}
#header2 .btnSubmit {width: 66px; height: 27px; background-position: -657px -548px; position: absolute; top: 11px; right: 10px; z-index: 99; text-indent: -9999px; display: block;}

/* container */
#container {overflow: hidden;}
.containerBg {background: url("../img/repeat_bg4.gif") repeat-x left top}

/* nav */
#nav {height: 70px; border-top: 1px #e7e7e7 solid; border-bottom: 1px #e7e7e7 solid;}
#nav li {width: 25%; float: left;}
#nav li a {width: 100%; height: 70px; line-height: 26px; background: url("../img/repeat_bg2.gif") repeat-y right top #fff; display: block; text-align: center; overflow: hidden;}
#nav li.curr a {color: #3497cb; font-weight: bold;}
#nav li:nth-child(4) a {background-image: none;}
#nav li .icon {width: 32px; height: 29px; display: block; margin: 12px auto 0 auto;}
#nav li .c1 {background-position: -10px -63px}
#nav li .c2 {background-position: -61px -63px}
#nav li .c3 {background-position: -117px -63px}
#nav li .c4 {background-position: -165px -63px}
#nav li.curr .c1 {background-position: -10px -11px}
#nav li.curr .c2 {background-position: -61px -11px}
#nav li.curr .c3 {background-position: -117px -11px}
#nav li.curr .c4 {background-position: -165px -11px}

/* search */
#searchBox {height: 28px; padding: 11px 88px 11px 8px; background: #2c8bd5; position: relative;}
#searchBox .txtBox {width: 100%; height: 27px; border-radius: 3px; border: none;  box-shadow: 1px 1px 0 #206eb3; float: left; background-position: 10px -307px; background-color: #ecf0f1; background-repeat: no-repeat;}
#searchBox .searchTxt {width: 180px; height: 24px; line-height: 24px; padding: 0; margin: 2px 0 0 32px; border: none; background-color: #ecf0f1; color: #666;}
#searchBox .searchBtn {width: 69px; height: 28px; display: block; text-indent: -9999px; font-size: 0; border: none; border-radius: 3px; position: absolute; top: 11px; right: 8px; z-index: 99;}
#searchBox2 {height: 28px; padding: 11px 88px 15px 8px; position: relative;}
#searchBox2 .txtBox {width: 100%; height: 28px; border-radius: 3px; border: 1px #bec3c7 solid;  float: left;  background: url('../img/repeat_bg3.gif') repeat-x; position: relative;}
#searchBox2 .txtBox .icon {width: 14px; height: 14px; background-position: 0 -314px; position: absolute; top: 8px; left: 8px; z-index: 99;}
#searchBox2 .searchTxt2 {width: 180px; height: 24px; line-height: 24px; padding: 0; margin: 2px 0 0 32px; border: none; background-color: #ecf0f1; color: #666;}
#searchBox2 .searchBtn2 {width: 73px; height: 34px; display: block; text-indent: -9999px; font-size: 0; border: none; border-radius: 3px; position: absolute; top: 9px; right: 8px; z-index: 99;}

/* slider */
.indexSlider {position: relative; overflow: hidden;}
.indexSlider ul {float: left; overflow: hidden; }
.indexSlider li {width: 100%; float: left; text-align: center; padding: 0; margin: 0;}
.indexSlider li img {height: 150px; vertical-align: bottom}
.indexSlider .sliderNum {height: 12px; text-align: center; padding: 10px 0; font-size: 10px;}
.indexSlider .sliderNum a {width: 10px; height: 10px; border-radius: 10px; background: #4b4b4b; border: 1px #4b4b4b solid; display: inline-block; text-indent: -9999px; margin: 0 2px;-webkit-transition:.5s all ease; -moz-transition:.5s all ease; transition:.5s all ease;}
.indexSlider .sliderNum a.curr {background: #fff; }
.detailSlider {width: 318px; height: 320px; position: relative; overflow: hidden; margin: 0 auto;}
.detailSlider ul {float: left; overflow: hidden; }
.detailSlider li {width: 100%; float: left; text-align: center; padding: 0; margin: 0;}
.detailSlider li img {height: 318px; vertical-align: bottom; border: 1px #e4e4e4 solid; }
.detailSlider .sliderNum {width:100%; height: 12px; text-align: center; padding: 10px 0; font-size: 10px; position: absolute; bottom: 0; left: 0; z-index: 99; text-align: center;}
.detailSlider .sliderNum a {width: 10px; height: 10px; border-radius: 10px; background: #4b4b4b; border: 1px #4b4b4b solid; display: inline-block; text-indent: -9999px; margin: 0 2px; -webkit-transition:.5s all ease; -moz-transition:.5s all ease;transition:.5s all ease;}
.detailSlider .sliderNum a.curr {background: #fff; }

/* productList */
.productList {width: 312px; margin: 0 auto; overflow: hidden;}
.listBox {width: 320px; overflow: hidden; margin: 10px auto 0 auto;}
.listBox figure {width: 148px; margin: 0 4px; float: left}
.listBox figcaption {color: #666; text-align: center; padding: 10px 0; height: 50px; overflow: hidden}
.listBox figcaption a {color: #666;}
.listBox figcaption span {color: #000; display: block; text-align: center; color: #000; font-weight: bold;}
.listBox img {width: 146px; height: 146px; border: 1px #ececec solid; vertical-align: bottom;}
.listPage {height: 22px; overflow: hidden; position: relative; margin: 20px 8px 0 8px;}
.listPage .prev,.listPage .next {position: absolute; top: 0; z-index: 99;}
.listPage .prev {left: 0}
.listPage .next {right: 0}
.listPage .pageInfo {margin: 0 auto; text-align: center; font-size: 14px;}
.listPage a {font-size: 14px;}
.packages {width: 312px; margin: 0 auto; overflow: hidden;}
.packages li {width: 96px; height: 96px; margin: 0 4px; float: left; text-align: center; font-size: 12px; position: relative;}
.packages li:nth-child(1) {background: #faf4ce; color: #c99423;}
.packages li:nth-child(2) {background: #d9face; color: #5f8527;}
.packages li:nth-child(3) {background: #ceebfa; color: #3ba0d4;}
.packages li:nth-child(1) p:nth-child(1),.packages li:nth-child(2) p:nth-child(1),.packages li:nth-child(3) p:nth-child(1) {margin-top: 18px;}
.packages li p {height: 20px;}
.packages li a {width: 96px; height: 96px; display: block; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 99;}
.packages li a:hover {text-decoration: none;}
.packages .both {font-weight: bold; font-size: 14px;}

/* indexSort */
.indexSort {width: 312px; margin: 15px auto 0 auto; overflow: hidden;}
.indexSort ul {overflow: hidden; padding: 5px 0;}
.indexSort ul li {width: 25%; height: 70px; float: left; text-align: center;}
.indexSort ul li a {width: 100%; height: 100%; display: block;}
.indexSort ul li.curr a {color: #000;}
.indexSort ul li .icon {width: 52px; height: 41px; display: block; margin: 10px auto 0 auto;}
.indexSort ul li .c1 {background-position: -208px -5px}
.indexSort ul li .c2 {background-position: -260px -5px}
.indexSort ul li .c3 {background-position: -312px -5px}
.indexSort ul li .c4 {background-position: -365px -5px}

/* userAct */
.userAct {width: 282px; padding: 10px; border: 1px #ececec solid; margin: 15px auto 0 auto; overflow: hidden; position: relative; background: #fff;}
.userAct .icon {width: 52px; height: 58px;}
.userAct .i1 {background-position: 0 -166px;}
.userAct .i2 {background-position: 0 -240px;}
.userAct .txt {width: 230px; text-align: center;}
.userAct a {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99;}

/* footer */
#footer {width:100%; overflow: hidden; padding: 10px 0;}
#footer .row {height: 28px; padding: 4px 8px; border-top: 1px #c8c7cb solid; border-bottom: 1px #c8c7cb solid; position: relative;}
#footer .row .fn-left {padding-top: 5px;}
#footer .row a {height: 20px; display: inline-block; text-align: center; font-size: 13px; color: #000;}
#footer .row a:nth-child(1) {padding-right: 5px;}
#footer .row a:nth-child(2) {padding-left: 5px;}
#footer .row a.blue {color: #3497cb;}
#footer .toTop {width: 66px; padding-right: 12px; height: 26px; line-height: 27px; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dbdadb)); border-radius: 3px; border: 1px #e2e1e1 solid; border-right-color: #cac9c9; border-bottom-color: #cac9c9; color: #666; font-size: 12px; text-align: right; display: inline-block; position: relative; cursor: pointer;}
#footer .toTop i {width: 13px; height: 14px; background-position: -240px -117px; position: absolute; top: 6px; left: 10px;}
#footer .row2 {height: 28px; padding: 6px 10px; position: relative; text-align: center;}
#footer .row2 a {margin: 0 4px; color: #666;}
#footer .row2 p {line-height: 20px;}

/* sort */
.sortList {margin-top: 10px; overflow: hidden;}
.sortList .item {padding: 15px 10px; border: 1px #ededed solid; margin: 10px 8px 0 8px; overflow: hidden; position: relative; background: #fff;}
.sortList .item .icon {width: 52px; height: 41px;}
.sortList .item:nth-of-type(1) .icon {background-position: -416px -5px;}
.sortList .item:nth-of-type(2) .icon {background-position: -208px -5px;}
.sortList .item:nth-of-type(3) .icon {background-position: -312px -5px;}
.sortList .item:nth-of-type(4) .icon {background-position: -260px -5px;}
/*.sortList .item:nth-of-type(5) .icon {background-position: -468px -5px;}*/
.sortList .item:nth-of-type(5) .icon {background-position: -520px -5px;}
.sortList .item:nth-of-type(6) .icon {background-position: -365px -5px;}
.sortList .item:nth-of-type(7) .icon {background-position: -572px -5px;}
.sortList .item .txt {width: 220px; margin-left: 5px;}
.sortList .item .f_14 a {font-size: 14px; color: #000;}
.sortList .item .f_666 a, .sortList .item .f_666 {font-size: 12px; color: #666;}
.sortList .item .arrow {width: 8px; height: 12px; background-position: -1px -377px; position: absolute; top: 30px; right: 10px;}
.sortList .item .arrow a {width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}

/* detail */
.productDetail {overflow: hidden; padding-top: 10px; position: relative;}
.productDetail h1 {font-size: 14px; padding: 0 8px; }
.productDetail .price { padding: 10px 8px; position: relative;}
.productDetail .price b {color: #e03b2e; font-size: 18px;}
.productDetail .addFavorites {width: 28px; height: 20px; padding-top: 30px; text-align: center; background-position: -118px -117px; position: absolute; bottom: 5px; right: 8px; z-index: 99;}
.productDetail .addFavorites a {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; display: block;}
.productDetail .productType {padding: 10px 8px 0 68px; position: relative; overflow: hidden; border-top: 1px #c8c7cb solid;}
.productDetail .productType .fn-left {width: 60px; position: absolute; top: 15px; left: 8px;}
.productDetail .productType .fn-right {width: 100%; float: left;}
.productDetail .productType a {height: 26px; line-height: 26px; border: 1px #e1e1e1 solid; float: left; margin: 3px; color: #666; cursor: pointer; float: left; display: inline-block; padding: 1px 10px; position: relative;}
.productDetail .productType a.selected {border: 2px #49a9da solid; padding: 0 10px;}
.productDetail .productType .bg {width: 14px; height: 14px; position: absolute; right: 0; bottom: 0; z-index: 99; font-size: 0; background-position: -156px -117px; display: none;}
.productDetail .productType a.selected .bg {display: block;}
.productDetail .productType .selected .bg {display: block;}
.productDetail .productNum {padding: 5px 8px 10px 68px; position: relative; overflow: hidden; border-bottom: 1px #c8c7cb solid;}
.productDetail .productNum .fn-left {width: 60px; position: absolute; top: 10px; left: 8px;}
.productDetail .productNum .fn-right {width: 100%; float: left; padding-top: 5px;}
.productDetail .productNum .plus {width: 20px; height: 19px; background-position: -180px -117px; float: left; cursor: pointer;}
.productDetail .productNum .minus {width: 20px; height: 19px; background-position: -210px -117px; float: left; cursor: pointer; margin-right: 3px;}
.productDetail .productNum .total {width: 50px; height: 19px; float: left; margin: 0 1px;}
.productDetail .productNum .total input {width: 48px; border: 1px #bdbdbd solid; height: 17px; line-height: 16px; text-align: center;}
.buyBox {padding: 10px 0; overflow: hidden; text-align: center;}
.buyBox a {display: inline-block;}
.buyBox .btnBuy {width: 121px; height: 44px; background-position: -249px -584px;}
.buyBox .btnCart {width: 185px; height: 44px; background-position: -379px -584px;}
.description {padding: 10px 8px 0 8px; border-top: 1px #c8c7cb solid; overflow: hidden;}
.description h4 {color: #000; margin-left: 0;}
.description p {line-height: 20px; color: #666;}


/* cartBox */
.cartBox {width: 100%; overflow: hidden;}
.cartBox li {padding: 10px; margin: 10px 8px; overflow: hidden; border: 1px #ececec solid; position: relative; background: #fff;}
.cartBox li figure {padding: 0 0 0 100px; overflow: hidden;}
.cartBox li figure a.thumb {width: 90px; height: 90px; position: absolute; left: 10px; top: 10px;}
.cartBox li figure img {width: 88px; height: 88px; border: 1px #f1f1f1 solid;}
.cartBox li figure .title {float: left; padding-left: 10px;}
.cartBox li figure .title p {height: 40px; color: #666; padding: 6px 0 10px 0;}
.cartBox li figure .title p.price {color: #000;}
.cartBox li figure .title p span {color: #e03b2e;}
.cartBox li figure .title p b {font-style: normal; font-size: 18px;}
.cartBox li .selectNum {width: 100%; overflow: hidden; height: 30px; float: left;}
.cartBox li .selectNum .txt {width: 40px; height: 19px; float: left; margin-top: 6px;}
.cartBox li .selectNum .btnGraySmall2 {float: left; margin: 0 5px 0 10px;}
.cartBox li .selectNum .plus {width: 20px; height: 19px; background-position: -180px -117px; float: left; cursor: pointer; margin-top: 5px;}
.cartBox li .selectNum .minus {width: 20px; height: 19px; background-position: -210px -117px; float: left; cursor: pointer; margin-top: 5px;}
.cartBox li .selectNum .sum {width: 28px; height: 19px; float: left; margin: 0 1px;}
.cartBox li .selectNum .sum input {width: 26px; border: 1px #bdbdbd solid; height: 17px; line-height: 16px; text-align: center; margin-top: 5px;}
.cartBox li .selectNum .btnDel {width: 55px; height: 27px; margin-left: 10px; background-position: -109px -637px; float: left; position: relative;}
.cartBox li .selectNum .btnDel a {width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 99; text-indent: -9999px;}
.cartBox li .selectNum .total {color: #000;  margin: 5px 0 0 5px; float: left;}
.cartBox li .selectNum .total span {color: #e03b2e;}
.cartBox .cartBottom {padding: 15px 8px; border-top: 1px #c8c7cb solid; overflow: hidden;}
.cartBox .cartBottom .productPrice {color: #000; padding-top: 10px;}
.cartBox .cartBottom .productPrice span {color: #e03b2e;}
.cartBox .cartBottom .productPrice span b {font-size: 18px;}
.cartBox .cartBottom .btnPay {width: 109px; height: 44px; text-indent: -9999px; background-position: -249px -691px; display: block;}
.cartBox .empty {width: 100%; text-align: center; font-size: 14px; margin: 50px auto;}
.cartBox .empty span {width: 160px; height: 122px; background-position: -70px -166px; display: block; margin: 0 auto;}
.cartBox .empty p {padding: 30px 0 0 20px; font-size: 14px}
.cartBox .empty .btnFavorites {width: 117px; height: 27px; background-position: -264px -548px; display: block; text-indent: -9999px; margin: 10px auto 0 auto;}
.cartBox .orderNum {margin: 10px 8px; overflow: hidden;}
.cartBox .cartActive {padding: 2px 0 20px 0; overflow: hidden; text-align: center;}
.cartBox .cartActive a {display: inline-block;}
.cartBox .cartActive .btnContinue {width: 88px; height: 27px; background-position: -44px -675px; text-indent: -9999px;}
.cartBox .cartActive .btnEmpty {width: 100px; height: 27px; background-position: -139px -675px; text-indent: -9999px;}

/* cartBox */
.pay_succeed {width: 100%; overflow: hidden;}
.pay_succeed .res {width: 280px; text-align: center; font-size: 14px; margin: 0 auto; border-bottom: 1px #ececec solid; padding: 50px 0 30px 0;}
.pay_succeed .res span {width: 117px; height: 127px; background-position: -647px -12px; display: block; margin: 0 auto;}
.pay_succeed .res p {padding: 30px 0 0 0; font-size: 16px; font-weight: bold; color: #e03b2e;}
.pay_succeed .res p i {color: #000; font-size: 14px; display: block; font-style: normal; padding: 5px 0 0 0;}
.pay_succeed .back {width: 230px; line-height: 2; margin: 0 auto; padding: 30px 0 50px 0; font-size: 14px; color: #666;}
.pay_succeed .back a {color: #3497cb;}

/* fillOrder */
.fillOrder {overflow: hidden;}
.fillOrder .row {padding: 10px 8px; border-bottom: 1px #c8c7cb solid;}
.fillOrder .row .delivery {overflow: hidden; padding: 5px 0 0 25px;}
.fillOrder .row .delivery li {width: 120px; float: left; position: relative;}
.fillOrder .row .delivery li:nth-child(1) {margin-right: 20px;}
.fillOrder .row .delivery li input {position: absolute; top: 5px; left: 0; z-index: 99;}
.fillOrder .row .delivery li p {width: 100px; float: left; margin-left: 20px; font-size: 18px; color: #000; font-weight: bold;}
.fillOrder .row .delivery li p span {font-size: 12px; display: block; font-weight: 400;}
.fillOrder .row h3 {margin-left: 0}
.fillOrder .row2 {padding: 22px 8px;}
.fillOrder .row2 p {width: 270px; height: 18px; margin: 0 auto; background-position: 260px -375px; color: #ef2c21; overflow: hidden; position: relative;}
.fillOrder .row2 p a {width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 99;}
.fillOrder .deliveryDate {width: 100%; margin: 8px 0 0 0; background: #ececec;}
.fillOrder .deliveryDate thead td {background: #ececec; padding: 8px;}
.fillOrder .deliveryDate tbody td {background: #fff; padding: 8px;}
.fillOrder .deliveryDate tbody td:nth-child(1) {width: 70px; padding-right: 20px; color: #666;}
.fillOrder .deliveryDate tbody td:nth-child(2) {width: 50px; text-align: center; font-weight: bold; color: #000;}
.fillOrder .deliveryStatistics {width: 100%; text-align: right; padding-top: 10px; color: #666;}
.fillOrder .row4 .item {border: 1px #ededed solid; margin: 10px 10px 0 10px; padding: 15px 0 15px 30px; position: relative; background: #fff;}
.fillOrder .row4 .item:nth-of-type(1) {color: #ef2c21; cursor: pointer;}
.fillOrder .row4 .item:nth-of-type(1) span {width: 8px; height: 12px; display: block; position: absolute; top: 17px; right: 20px; background-position: -1px -377px;}
.fillOrder .row4 .item input {position: absolute; top: 17px; right: 20px;}
.fillOrder .row4 .voucher {padding: 0 20px 10px 20px; overflow: hidden; display: none;}
.fillOrder .row4 .voucher p {padding: 10px 0 0 0;}
.fillOrder .row4 .voucher p span {color: #666; display: block; padding-bottom: 4px;}
.fillOrder .row4 .voucher p input {width:166px; height: 22px; line-height:22px; border: 1px #ccc solid; float: left; margin: 2px 5px 0 0;}
.fillOrder .row4 .voucher p .btnAddVoucher {width: 88px; height: 27px; background-position: -388px -548px; display: block; text-indent: -9999px; float: left;}
.fillOrder .row4 .voucher select {width: 260px;}
.fillOrder .row5 .payInfo {width: 200px; margin: 10px 0 0 35px;}
.fillOrder .row5 .payInfo td {width: 30px; color: #666; padding: 1px 0;}
.fillOrder .row5 .payInfo tr td:nth-child(1) {width: 20px;}
.fillOrder .row5 p {font-size: 14px; color: #000; padding-left: 44px;}
.fillOrder .row5 p span {color: #e03b2e;}
.fillOrder .row5 p span b {font-size: 18px;}
.fillOrder .row6 {overflow: hidden; padding: 0 0 20px 0; text-align: center;}

/* payOrder */
.payOrder {overflow: hidden; padding: 40px 8px 60px 8px;}
.payOrder .orderInfo {width: 280px; margin: 0 auto; padding: 0 0 30px 0; overflow: hidden;}
.payOrder .orderInfo .row {overflow: hidden; line-height: 2; font-size: 14px; text-align: center;}
.payOrder .orderInfo .row p:nth-child(1) {color: #e03b2e; font-size: 14px;}
.payOrder .orderInfo .row p:nth-child(2) {color: #000; font-size: 13px;}
.payOrder .orderInfo .line {padding: 30px 0;}
.payOrder .orderInfo .line p {height: 1px; margin: 0 auto; background: #ececec; font-size: 0}
.payOrder .orderInfo .row2 {overflow: hidden; line-height: 2; font-size: 12px; color: #666;}
.payOrder .orderInfo .row2 p:nth-child(1) {text-align: center;}
.payOrder .orderInfo .row2 p:nth-child(2) {text-align: left; padding-left: 62px;}
.payOrder .orderInfo .row2 i {color: #e03b2e; font-style: normal;}


/* storeAddress */
.storeAddress {overflow: hidden; padding: 10px 8px;}
.storeAddress li {border: 1px #ededed solid; padding: 10px 25px; background: #fff; cursor: pointer;}
.storeAddress li p:nth-child(1) {font-weight: bold; color: #000;}
.storeAddress li p:nth-child(2) {color: #666}
.storeAddress li.curr {border: 1px #3497cb solid; background: #eaf4fa;}
.storeAddress .btnWrap {text-align: center;}

/* payType */
.payType {overflow: hidden; background: #fff; border: 1px #ededed solid; border-bottom: 3px #ededed solid; margin: 10px 8px; padding: 10px 15px 10px 15px;}
.payType li {height: 22px; line-height: 20px; font-size: 14px; padding: 5px 0; color: #666; position: relative; padding-left: 20px;}
.payType li input {position: absolute; top: 8px; left: 0;}
.payBottom {padding: 0 0 40px 0; overflow: hidden;}

/* edit_address */
.edit_address {overflow: hidden; margin: 20px;}
.edit_address {overflow: hidden; margin: 20px;}
.edit_address table {width: 100%; overflow: hidden;}
.edit_address table tr td {padding: 8px 5px;}
.edit_address table tr td:nth-child(1) {width: 60px; text-align: right;}
.edit_address table td select {width: 187px;}
.edit_address .btnWrap {overflow: hidden; text-align: center;}

/* userCenter */
.userCenter {overflow: hidden; margin: 15px 8px 0 8px;}
.userCenter .wel {padding: 2px 20px; overflow: hidden; color: #666;}
.userCenter .wel a {color: #000;}
.userCenter .wel .grade {color: #3497cb;}
.userCenter .myMenu {overflow: hidden;}
.userCenter .myMenu li {border: 1px #eee solid; height: 33px; line-height: 30px; color: #3497cb; font-size: 14px; padding: 0 0 0 50px; background-color: #fff; margin-top: 10px; font-weight: bold; position: relative;}
.userCenter .myMenu li .arrow {width: 8px; height: 12px; background-position: -1px -377px; position: absolute; top: 10px; right: 10px;}
.userCenter .myMenu li:nth-child(1) {background-position: 20px -391px;}
.userCenter .myMenu li:nth-child(2) {background-position: 20px -439px;}
.userCenter .myMenu li:nth-child(3) {background-position: 20px -486px;}
.userCenter .myMenu li a {width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}

/* userOrder */
.userOrder {overflow: hidden; margin: 10px 8px; background: #fff; border: 1px #ececec solid;}
.userOrder li {padding: 10px 10px; overflow: hidden;  position: relative; }
.userOrder li figure {padding: 0 0 0 100px;}
.userOrder li figure a.thumb {width: 90px; height: 90px; position: absolute; left: 10px; top: 10px;}
.userOrder li figure img {width: 88px; height: 88px; border: 1px #f1f1f1 solid;}
.userOrder li figure .title {float: left; padding-left: 10px;}
.userOrder li figure .title p:nth-child(1) {height: 38px; color: #666; overflow: hidden;}
.userOrder li figure .title p.price,.userOrder li figure .title p span {color: #000;}
.userOrder li figure .title p b {font-style: normal; font-size: 18px;}
.userOrder li .selectNum {width: 100%; overflow: hidden; height: 30px; float: left;}
.userOrder li .selectNum .txt {width: 40px; height: 19px; float: left; margin-top: 6px;}
.userOrder li .selectNum .plus {width: 20px; height: 19px; background-position: -180px -117px; float: left; cursor: pointer; margin-top: 5px;}
.userOrder li .selectNum .minus {width: 20px; height: 19px; background-position: -210px -117px; float: left; cursor: pointer; margin-top: 5px;}
.userOrder li .selectNum .sum {width: 28px; height: 19px; float: left; margin: 0 1px;}
.userOrder li .selectNum .sum input {width: 26px; border: 1px #bdbdbd solid; height: 17px; line-height: 16px; text-align: center; margin-top: 5px;}
.userOrder li .selectNum .btnDel {width: 55px; height: 27px; margin-left: 30px; background-position: -109px -637px; float: left; position: relative;}
.userOrder li .selectNum .btnDel a {width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 99; text-indent: -9999px;}
.userOrder li .selectNum .total {color: #000;  margin: 5px 0 0 5px; float: left;}
.userOrder li .selectNum .total span {color: #e03b2e;}
.userOrder .cartBottom {padding: 15px 8px; border-top: 1px #c8c7cb solid; overflow: hidden;}
.userOrder .cartBottom .productPrice {color: #000; padding-top: 10px;}
.userOrder .cartBottom .productPrice span {color: #e03b2e;}
.userOrder .cartBottom .productPrice span b {font-size: 18px;}
.userOrder .cartBottom .btnPay {width: 109px; height: 44px; text-indent: -9999px; background-position: -249px -691px; display: block;}
.userOrder .empty {width: 100%; text-align: center; font-size: 14px; margin: 50px auto;}
.userOrder .empty span {width: 160px; height: 122px; background-position: -70px -166px; display: block; margin: 0 auto;}
.userOrder .empty p {padding: 30px 0 0 20px;}
.userOrder .empty .btnFavorites {width: 117px; height: 27px; background-position: -388px -548px; display: block; text-indent: -9999px; margin: 10px auto 0 auto;}
.userOrder .orderNum {margin: 0 10px; padding: 10px 2px; overflow: hidden; border-bottom: 1px #ececec solid;}
.userOrder .orderNum p:nth-child(1) {font-size: 13px; color: #3497cb;}
.userOrder .orderNum p:nth-child(2) {font-size: 12px; color: #333; padding-top: 5px;}
.userOrder .orderRes {margin: 10px 10px 0 10px; padding: 10px 2px; overflow: hidden; border-top: 1px #ececec solid;}
.userOrder .orderRes span,.userOrder .orderRes a,.userOrder .orderRes {float: left; display: inline-block; margin-right: 10px;}
.userOrder .orderRes .res {width: 50px; color: #333; padding: 5px 5px 0 0;}
.userOrder .orderRes .res2 {width: 50px; color: #e03b2e; padding: 5px 10px 0 0;}
.userOrder .orderRes .btnReBuy {width: 88px; height: 27px; background-position: -484px -548px; text-indent: -9999px; margin-right: 20px;}
.userOrder .orderRes .btnNowPay {width: 89px; height: 29px; background-position: -152px -710px; text-indent: -9999px; margin-right: 20px;}
.userOrder .orderRes .sum {color: #333;}
.userOrder .orderRes .sum i {color: #e03b2e; font-style: normal;}
.userOrder .orderRes .sum i b {font-size: 18px;}

/* userDelivery */
.userDelivery {overflow: hidden; margin: 0 8px 10px 8px; }
.userDelivery li {padding: 12px; overflow: hidden;  position: relative; background: #fff; border: 1px #ececec solid; margin-top: 10px;}
.userDelivery table {width: 100%;}
.userDelivery table tr td {}
.userDelivery table tr td:nth-child(1) {width: 65px;}
.userDelivery table tr:nth-child(1) td {border-bottom: 1px #ececec solid; padding-bottom: 10px; font-size: 13px;}
.userDelivery table tr:nth-child(2) td {padding-top: 10px;}
.userDelivery .empty {width: 100%; text-align: center; font-size: 14px; margin: 50px auto;}
.userDelivery .empty span {width: 160px; height: 122px; background-position: -294px -166px; display: block; margin: 0 auto;}
.userDelivery .empty p {padding: 30px 0 0 20px; font-size: 14px;}

/* history */
.userHistory {overflow: hidden; margin: 15px 8px 0 8px; padding-bottom: 50px;}
.userHistory .myMenu {overflow: hidden;}
.userHistory .myMenu li {border: 1px #eee solid; height: 33px; line-height: 30px; color: #3497cb; font-size: 14px; padding: 0 0 0 50px; background-color: #fff; margin-top: 10px; font-weight: bold; position: relative;}
.userHistory .myMenu li .arrow {width: 8px; height: 12px; background-position: -1px -377px; position: absolute; top: 10px; right: 10px;}
.userHistory .myMenu li:nth-child(1) {background-position: 13px -525px;}
.userHistory .myMenu li:nth-child(2) {background-position: 13px -566px;}
.userHistory .myMenu li a {width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}

/* searchAddress */
.searchAddress {margin: 0; overflow: hidden;}
.searchAddress .showAddress {padding: 10px 25px 0 25px;}
.searchAddress .select {padding: 10px 20px 0 20px;}
.searchAddress .allMap {height: 170px; margin: 2px 8px 0 8px; border: 1px #cecece solid;}
.searchAddress .tips {padding: 0 35px 10px 35px; color: #666;}
.searchAddress .serviceGuarantee {overflow: hidden; margin: 10px 0;}
.searchAddress .serviceGuarantee li {float: left; padding: 0 10px; text-align: center;}
.searchAddress .serviceGuarantee li span.icon {width: 52px; height: 41px; display: block; margin: 0 auto;}
.searchAddress .serviceGuarantee li:nth-child(1) span.icon {background-position: -208px -57px;}
.searchAddress .serviceGuarantee li:nth-child(2) span.icon {background-position: -260px -57px;}
.searchAddress .serviceGuarantee li:nth-child(3) span.icon {background-position: -312px -57px;}
.searchAddress .btnWrap {padding: 20px 0 15px 0; overflow: hidden; text-align: center;}

/* allAddress */
.allAddress {margin: 20px 25px; overflow: hidden;}
.allAddress select {width: 250px;}
.allAddress h3 {padding: 5px 0; margin: 0; border-bottom: 1px #ececec solid;}
.allAddress .addressList {padding: 0 10px 10px 10px;}
.allAddress .addressList li {margin-top: 20px; color: #666;}

/* login */
.loginBox {overflow: hidden; padding-bottom: 30px;}
.loginBox .logo {width: 226px; height: 59px; background-position: -552px -165px; overflow: hidden; margin: 25px auto 15px auto;}
.loginBox .row {width: 252px; margin: 0 auto; padding: 10px 0;}
.loginBox .row p {padding: 10px 5px;}
.loginBox .row p input,.login .row p span {float: left;}
.loginBox .row p input {margin: 2px 3px 0 0;}
.loginBox .row .btnBlueBig {margin: 10px 0 0 0;}
.loginBox .row div a {text-decoration: underline; font-size: 14px; color: #000;}

/* reg */
.regBox {overflow: hidden; padding-bottom: 30px;}
.regBox .logo {width: 226px; height: 59px; background-position: -552px -165px; overflow: hidden; margin: 25px auto 15px auto;}
.regBox .row {width: 252px; margin: 0 auto; padding: 10px 0;}
.regBox .row p {padding: 10px 5px;}
.regBox .row p input,.login .row p span {float: left;}
.regBox .row p input {margin: 2px 3px 0 0;}
.regBox .row p a {color: #1f98d7;}
.regBox .row .btnBlueBig {margin: 0;}
.regBox .row div a {text-decoration: underline; font-size: 14px; color: #000;}

/* popup */
.popCart {width:304px; padding: 30px 8px 40px 8px; overflow: hidden; background: #fff; position: fixed; top: 0; left: 0; z-index: 1001; display: none;}
.popCart .popTitle {font-size: 18px; text-align: center;}
.popCart .popContent {text-align: center; padding-top: 10px;}
.popCart a {display: inline-block;}
.popCart .btnContinue {width: 121px; height: 44px; background-position: -248px -638px;}
.popCart .btnPay {width: 155px; height: 44px; background-position: -378px -638px;}

/* btn */
.btnRedBig {width: 256px; height: 44px; line-height: 42px; background-position: 0 -532px; display: block; font-size: 18px; color: #fff; text-align: center; margin: 20px auto 0 auto;}
.btnBlueBig {width: 256px; height: 44px; line-height: 44px; background-position: -367px -691px; display: block; font-size: 18px; text-align: center; color: #fff; margin: 15px auto;}

.plan3 .btnRedSmall {position: absolute; top: 11px; right: 11px;}
.plan .btnGraySmall {position: absolute; top: 11px; right: 11px;}
.cartBottom .btnRedBig2 i {font-size: 24px; font-family: "Lucida Bright", "DejaVu Serif", Georgia, serif}

.btnRedSmall {width: 66px; height: 26px; line-height: 24px; background: -webkit-gradient(linear, left top, left bottom, from(#ff4032), to(#c31711)); border-radius: 3px; border-width: 1px; border-style: solid; border-left-color: #ff5340; border-top-color: #ff5340; border-right-color: #930000; border-bottom-color: #930000; color: #fff; font-size: 14px; text-align: center; display: inline-block;}

.btnRedSmall2 {height: 24px; line-height: 24px; background: -webkit-gradient(linear, left top, left bottom, from(#ff4032), to(#c31711)); border-radius: 3px; border-width: 1px; border-style: solid; border-left-color: #ff5340; border-top-color: #ff5340; border-right-color: #930000; border-bottom-color: #930000; color: #fff; font-size: 12px; text-align: center; display: inline-block;}

.btnGraySmall {width: 66px; height: 26px; line-height: 26px; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dbdadb)); border-radius: 3px; border: 1px #e2e1e1 solid; border-right-color: #cac9c9; border-bottom-color: #cac9c9; color: #666; font-size: 12px; text-align: center; display: inline-block;}

.btnGraySmall2 {height: 24px; line-height: 24px; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dbdadb)); border-radius: 3px; border: 1px #e2e1e1 solid; border-right-color: #cac9c9; border-bottom-color: #cac9c9; color: #666; font-size: 12px; text-align: center; display: inline-block;}

.btnSearch {width: 70px; height: 27px; line-height: 26px; background: -webkit-gradient(linear, left top, left bottom, from(#ecf0f1), to(#d9ddde)); border-radius: 3px; color: #3497cb; box-shadow: 1px 1px 0 #206eb3; font-size: 13px; text-align: center; display: inline-block; border: none; position: absolute; top: 11px; right: 8px;}

.btnSearch2 {width: 66px; height: 29px; line-height: 26px; background: -webkit-gradient(linear, left top, left bottom, from(#3497da), to(#217bcc)); border-radius: 3px; color: #fff; box-shadow: 1px 1px 0 #206eb3; border: 1px #47bbe7 solid; border-right-color: #004496; border-bottom-color: #004496; font-size: 14px; text-align: center; display: inline-block; border: none; position: absolute; top: 11px; right: 8px;}

.btnRedBig2 {height: 42px; line-height: 40px; background: -webkit-gradient(linear, left top, left bottom, from(#ff4032), to(#c31711)); border-radius: 5px; border-width: 1px; border-style: solid; border-left-color: #ff5644; border-top-color: #ff5644; border-right-color: #a40000; border-bottom-color: #a40000; color: #fff; font-size: 18px; text-align: center; display: inline-block;}
.btnBlueBig2 {height: 42px; line-height: 40px; background: -webkit-gradient(linear, left top, left bottom, from(#3396ca), to(#2079b7)); border-radius: 5px; border-width: 1px; border-style: solid; border-left-color: #43b4da; border-top-color: #43b4da; border-right-color: #004988; border-bottom-color: #004988; color: #fff; font-size: 18px; text-align: center; display: inline-block;}

/* history */
.history {}
